<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>熊猫优选</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/table.css">
</head>

<body>
    <!-- 侧边栏回到顶部按钮 -->
    <div class="scroll-top"></div>
    <!-- 网页头部区域 -->
    <header>
        <div class="menu">个人中心</div>
        <div class="myList">
            <div>登陆/注册</div>
            <div>购物车</div>
            <div>我的收藏</div>
        </div>
        <ul class="logo">
            <li><a href="index.html" class="logo-image"></a></li>
            <li><a href="../pages/index4.html" class="logo-font"></a></li>
        </ul>
        <input type="text" class="search" placeholder="搜索商品，发现更多优惠">
        <input type="button" class="search-btn" value="搜索">
        <div class="icon">
            <div class="icon-1"></div>
            <div class="icon-2"></div>
            <div class="icon-3"></div>
        </div>
    </header>
    <!-- 网页导航区域 -->
    <nav>
        <p>首页</p>
        <ul>
            <li class="li1">9块9包邮</li>
            <li class="li2">超值大额券</li>
            <li class="li3">夏季女装上新</li>
        </ul>
    </nav>
    <!-- banner图区域 -->
    <div class="banner">

        <ul>
            <li><span>女装</span><span>/女鞋</span></li>
            <li><span>男装</span><span>/男鞋</span></li>
            <li><span>美妆</span><span>/个护</span></li>
            <li><span>配饰</span><span>/箱包</span></li>
            <li><span>零食箱包</span></li>
            <li><span>母婴用品</span><span></span></li>
            <li><span>手机</span><span>数码</span></li>
            <li><span>内衣袜子</span></li>
            <li><span>文娱</span><span>家具</span></li>
        </ul>
        <!-- 商品分类显示 -->
        <div class="shoptype">
            <div class="shoptype-title">女装</div>
            <div class="shoptype-list">
                <a href="../pages/index4.html">本周上新</a>
                <a href="../pages/index4.html">背心吊带</a>
                <a href="../pages/index4.html">韩系少女</a>
                <a href="../pages/index4.html">衬衫</a>
                <a href="../pages/index4.html">T恤</a>
                <a href="../pages/index4.html">外套</a>
                <a href="../pages/index4.html">连衣裙</a>
                <a href="../pages/index4.html">半身裙</a>
                <a href="../pages/index4.html">裤装</a>
            </div>
            <div class="shoptype-title2">女鞋</div>
            <div class="shoptype-list2">
                <a href="../pages/index4.html">帆布鞋</a>
                <a href="../pages/index4.html">高跟鞋</a>
                <a href="../pages/index4.html">皮鞋</a>
                <a href="">单鞋</a>
                <a href="">小白鞋</a>
                <a href="">运动鞋</a>
                <a href="../pages/index4.html">布鞋</a>
                <a href="../pages/index4.html">雨靴</a>
                <a href="../pages/index4.html">拖鞋</a>
            </div>
        </div>

        <div class="banner-center">
            <div class="banner-center-t"></div>
            <div class="banner-center-b">
                <div class="banner-center-b-l">
                    <h3>夏季女装上新</h3>
                    <p>速来抢购~</p>
                    <span>GO</span>
                    <img src="../static/image/clothes.png">
                </div>
                <div class="banner-center-b-r">
                    <h3>超值大额券</h3>
                    <p>优惠直击底价</p>
                    <span>GO</span>
                    <img src="../static/image/100.png">
                </div>
            </div>
        </div>
        <div class="banner-right">
            <div class="banner-right-t">
                <h3>9块9包邮</h3>
                <div>保你不吃亏</div>
            </div>
            <div class="banner-right-b">
                <p style="margin-top: 30px;">扫码下载APP</p>
                <p>发现更多惊喜</p>
            </div>
        </div>
    </div>

    <!-- 小编精选导航区域 -->
    <div class="jingxuan-nav">
        <p>小编精选</p>
        <span>每天更新</span>
    </div>

    <!-- 商品列表区域 -->
    <div class="shopping-list">
        <ul>
            <!-- <li>
                <div><img src="../static/image/erweima.jpg"></div>
                <div>我就是一个简简单单的二维码</div>
                <div>
                    <span class="sp1">淘宝</span>
                    <span class="sp2">包邮</span>
                </div>
                <div>
                    <div class="price">
                        <span>￥<span>6.9</span></span>
                        <span>3.9万人已买</span>
                    </div>
                    
                    <span class="quan">3元券</span>
                </div>
            </li> -->

        </ul>
    </div>
    <!-- 查看更多 -->
    <div class="more">
        <div>查看更多</div>
    </div>
    <!-- 网页底部区域 -->
    <footer>
        <div class="text">
            <h3>熊猫优选</h3>
            <p>年轻人网购首选</p>
            <p>购物领券更省钱</p>
        </div>
        <div class="download"><a href="#">下载app</a></div>
        <h5>浙公安网备案 33010602009949号 | 增值电信业务经营许可证：浙B2-20160363 | ICP备案号: 浙ICP备17012864号-1</h5>
    </footer>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/shoppingList.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>